<!DOCTYPE html>
<html lang="en">
<head>
	<title></title>
	<meta charset="utf-8">
	<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
	<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
	<link rel="stylesheet" href="css/grid.css" type="text/css" media="screen"> 
	<link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>  
	<script src="js/jquery-1.6.3.min.js" type="text/javascript"></script>
	<script src="js/cufon-yui.js" type="text/javascript"></script>
	<script src="js/cufon-replace.js" type="text/javascript"></script>
	<script src="js/PT_Sans_400.font.js" type="text/javascript"></script>
	<script src="js/PT_Sans_italic_400.font.js" type="text/javascript"></script> 
	<script src="js/Satisfy_400.font.js" type="text/javascript"></script>
	<script src="js/NewsGoth_400.font.js" type="text/javascript"></script>
	<script src="js/FF-cash.js" type="text/javascript"></script> 
	<script src="js/script.js" type="text/javascript"></script>  
	<script src="js/tms-0.3.js" type="text/javascript"></script>
	<script src="js/tms_presets.js" type="text/javascript"></script>
	<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>	 
	<script src="js/easyTooltip.js" type="text/javascript"></script>
	<!--[if lt IE 7]>
	<div style=' clear: both; text-align:center; position: relative;'>
		<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
			<img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
		</a>
	</div>
	<![endif]-->
	<!--[if lt IE 9]>
   		<script type="text/javascript" src="js/html5.js"></script>
	<![endif]-->
</head>
<body id="page1">
	<div class="extra">
<!--==============================header=================================-->
		<header>
			<div class="menu-row">
				<div class="main">
					<div class="container_12">
						<div class="grid_12">
							<nav class="fleft">
								<ul class="services-menu">
									<li class="m1"><a href="index.html"></a></li>
									<li class="m2"><a href="contacts.html"></a></li>
									<li class="m3"><a href="#"></a></li>
								</ul>
							</nav>
							<nav class="fright">
								<ul class="main-menu">
									<li class="active"><a href="index.html">Main</a></li>
									<li><a href="about.html">About</a></li>
									<li><a href="gallery.html">Gallery</a></li>
									<li><a href="services.html">Services</a></li>
									<li><a href="contacts.html">Contacts</a></li>
								</ul>
							</nav>
							<div class="clear"></div>
						</div>
						<div class="clear"></div>
					</div>
				</div>
			</div>
			<div class="header-row"><div class="ic">More Website Templates @ TemplateMonster.com - November 07, 2011!</div>
				<div class="main">
					<h1>
						<a href="index.html">BeautyCenter</a>
						<em>Keep Your Perfect Look</em>
					</h1> 
					<div class="slider-wrapper">
						<div class="slider">
							<ul class="items">
								<li>
									<img src="images/slider-img1.jpg" alt="" />
								</li>
								<li>
									<img src="images/slider-img2.jpg" alt="" />
								</li>
								<li>
									<img src="images/slider-img3.jpg" alt="" />
								</li>
								<li>
									<img src="images/slider-img4.jpg" alt="" />
								</li>
							</ul>
						</div>
						<ul class="pagination">
							<li><a href="#">Hair</a></li>
							<li><a href="#">Nails</a></li>
							<li><a href="#">Makeup</a></li>
							<li><a href="#">Spa</a></li>
						</ul>
					</div>
					<div class="container_12">
						<div class="wrapper">
							<article class="grid_4">
								<h4>About Us</h4>
								Beauty Center is one of <a class="link" href="http://blog.templatemonster.com/free-website-templates/" target="_blank">free web templates</a> created by TemplateMonster.com team.<br> This website template is optimized for 1280x1024 screen resolution.
							</article>
							<article class="grid_4">
								<div class="indent-left">
									<h4>Our Gallery</h4>
									This <a class="link" href="http://blog.templatemonster.com/2011/11/07/free-website-template-jquery-gallery-beauty-center/" target="_blank" rel="nofollow">Beauty Center Template</a> goes with two packages: with PSD source files and without them. PSD files are available for the regis<br>tered members of Templates.com.
								</div>
							</article>
							<article class="grid_4">
								<div class="indent-left2">
									<h4>About Theme</h4>
									This website template has several pages: <a class="link" href="index.html">Main Page</a>, <a class="link" href="about.html">About Us</a>, <a class="link" href="gallery.html">Our Gallery</a>, <a class="link" href="services.html">Our Services</a>, <a class="link" href="contacts.html">Contact Us</a> (please note that con tact us form – doesn’t work).
								</div>
							</article>
							
						</div>
					</div>				   
				</div>
			</div>
			
		</header>
		
<!--==============================content================================-->
		<section id="content">
			<div class="main">
				<div class="container_12">
					<div class="wrapper">
						<article class="grid_8">
							<h3>Welcome to Our Beauty Center!</h3>
							<div class="wrapper p2">
								<figure class="img-indent img-border"><img src="images/page1-img1.jpg" alt="" /></figure>
								<div class="extra-wrap">
									<h6>At vero eos et accusamus etiusto dignissimos</h6>
									Ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum fuga harum quidem rerum facilis.
								</div>
							</div>
							<p class="img-indent-bot"><span class="color-2">Omnis voluptas assumenda est, omnis dolor repellendus.</span> Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae itaque earum rerum hic tenetur.</p>
							<a class="button" href="#">Read More</a>
						</article>
						<article class="grid_4">
							<div class="indent-left2 img-indent-bot">
								<h3>Beauty Tips</h3>
								<ul class="list-1">
									<li><a href="#"><span class="color-2">Praesentum voluptatum</span> deleniti atque corrupti quos dolores.</a></li>
									<li><a href="#"><span class="color-2">Culpa officia deserunt</span> mollitia animi id est laborum.</a></li>
									<li><a href="#"><span class="color-2">Voluptas assumenda</span> est, omnis dolor repellendus.</a></li>
									<li class="last-item"><a href="#"><span class="color-2">Temporibus autem</span> quibusdam officiis debitis aut rerum necessit.</a></li>
								</ul>
							</div>
							<div class="aligncenter">
								<a class="button" href="#">Read More</a>
							</div>
						</article>
					</div>
				</div>
			</div>
			<div class="block"></div>
		</section>
	</div>
	
<!--==============================footer=================================-->
	<footer>
		<div class="footer-bg">
			<div class="main">
				<div class="container_12">
					<div class="wrapper">
						<div class="grid_12">
							<div class="wrapper">
								<span class="footer-text">Beauty Center &copy; 2011 Website Template by <a href="http://www.templatemonster.com/" target="_blank" rel="nofollow">www.templatemonster.com</a></span>
								<ul class="list-services">
									<li>Follow Us:</li>
									<li class="item-1"><a class="tooltips" title="facebook" href="#"></a></li>
									<li class="item-2"><a class="tooltips" title="twitter" href="#"></a></li>
									<li class="item-3"><a class="tooltips" title="picasa" href="#"></a></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</footer>
	<script type="text/javascript"> Cufon.now(); </script>
	<script type="text/javascript">
		$(window).load(function() {
			$('.slider')._TMS({
				duration:800,
				easing:'easeOutQuad',
				preset:'simpleFade',
				slideshow:7000,
				banners:false,
				pauseOnHover:true,
				pagination:'.pagination',
				pagNums:false
			});
		});
	</script>
</body>
</html>
